<template>
	<carousel interval="130000">
		<slider>
			<img src="../../assets/1.jpg">
		</slider>
		<slider>
			<img src="../../assets/2.jpg">
		</slider>
		<slider>
			<img src="../../assets/3.jpg">
		</slider>
	</carousel>
</template>

<script>
	import Carousel from 'vue-strap/src/Carousel.vue'
	import Slider from 'vue-strap/src/Slider.vue'

	export default {
		components: {
			Carousel,
			Slider
		}
	}
</script>
<style scoped>
	img {
		width: 100%;
		max-width: 500px;
	}
	li {
		margin: 0px 5px !important;
		background-color: #000;
	}
</style>
